﻿<!DOCTYPE html>
<html>
  <head>
    <title>4.3.1.1 奖品购买页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/4_3_1_1_奖品购买页/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/4_3_1_1_奖品购买页/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (手机1) -->

      <!-- Unnamed (矩形) -->
      <div id="u1039" class="ax_default _白底矩形">
        <div id="u1039_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1040" class="ax_default _白底矩形">
        <div id="u1040_div" class=""></div>
      </div>

      <!-- Unnamed (顶部标题颜色) -->

      <!-- Unnamed (矩形) -->
      <div id="u1042" class="ax_default _形状">
        <div id="u1042_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1043" class="ax_default _形状">
        <div id="u1043_div" class=""></div>
        <div id="u1043_text" class="text ">
          <p><span>奖品</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u1044" class="ax_default _图片">
        <img id="u1044_img" class="img " src="images/1_首页/u96.png"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u1045" class="ax_default _图片">
        <img id="u1045_img" class="img " src="images/1_首页/u97.png"/>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u1046" class="ax_default">
        <div id="u1046_state0" class="panel_state" data-label="State1" style="">
          <div id="u1046_state0_content" class="panel_state_content">

            <!-- Unnamed (动态面板) -->
            <div id="u1047" class="ax_default">
              <div id="u1047_state0" class="panel_state" data-label="State1" style="">
                <div id="u1047_state0_content" class="panel_state_content">

                  <!-- Unnamed (矩形) -->
                  <div id="u1048" class="ax_default _灰底矩形">
                    <div id="u1048_div" class=""></div>
                    <div id="u1048_text" class="text ">
                      <p><span>轮播图</span></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u1047_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
                <div id="u1047_state1_content" class="panel_state_content">

                  <!-- Unnamed (矩形) -->
                  <div id="u1049" class="ax_default _灰底矩形">
                    <div id="u1049_div" class=""></div>
                    <div id="u1049_text" class="text ">
                      <p><span>轮播图</span></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u1047_state2" class="panel_state" data-label="State3" style="visibility: hidden;">
                <div id="u1047_state2_content" class="panel_state_content">

                  <!-- Unnamed (矩形) -->
                  <div id="u1050" class="ax_default _灰底矩形">
                    <div id="u1050_div" class=""></div>
                    <div id="u1050_text" class="text ">
                      <p><span>轮播图</span></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u1047_state3" class="panel_state" data-label="State4" style="visibility: hidden;">
                <div id="u1047_state3_content" class="panel_state_content">

                  <!-- Unnamed (矩形) -->
                  <div id="u1051" class="ax_default _灰底矩形">
                    <div id="u1051_div" class=""></div>
                    <div id="u1051_text" class="text ">
                      <p><span>轮播图</span></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u1047_state4" class="panel_state" data-label="State5" style="visibility: hidden;">
                <div id="u1047_state4_content" class="panel_state_content">

                  <!-- Unnamed (矩形) -->
                  <div id="u1052" class="ax_default _灰底矩形">
                    <div id="u1052_div" class=""></div>
                    <div id="u1052_text" class="text ">
                      <p><span>轮播图</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (动态面板) -->
            <div id="u1053" class="ax_default">
              <div id="u1053_state0" class="panel_state" data-label="State1" style="">
                <div id="u1053_state0_content" class="panel_state_content">

                  <!-- Unnamed (椭圆形) -->
                  <div id="u1054" class="ax_default _白底矩形">
                    <img id="u1054_img" class="img " src="images/1_首页/u31.png"/>
                  </div>

                  <!-- Unnamed (椭圆形) -->
                  <div id="u1055" class="ax_default _白底矩形">
                    <img id="u1055_img" class="img " src="images/1_首页/u32.png"/>
                  </div>

                  <!-- Unnamed (椭圆形) -->
                  <div id="u1056" class="ax_default _白底矩形">
                    <img id="u1056_img" class="img " src="images/1_首页/u32.png"/>
                  </div>

                  <!-- Unnamed (椭圆形) -->
                  <div id="u1057" class="ax_default _白底矩形">
                    <img id="u1057_img" class="img " src="images/1_首页/u32.png"/>
                  </div>

                  <!-- Unnamed (椭圆形) -->
                  <div id="u1058" class="ax_default _白底矩形">
                    <img id="u1058_img" class="img " src="images/1_首页/u32.png"/>
                  </div>
                </div>
              </div>
              <div id="u1053_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
                <div id="u1053_state1_content" class="panel_state_content">

                  <!-- Unnamed (椭圆形) -->
                  <div id="u1059" class="ax_default _白底矩形">
                    <img id="u1059_img" class="img " src="images/1_首页/u31.png"/>
                  </div>

                  <!-- Unnamed (椭圆形) -->
                  <div id="u1060" class="ax_default _白底矩形">
                    <img id="u1060_img" class="img " src="images/1_首页/u32.png"/>
                  </div>

                  <!-- Unnamed (椭圆形) -->
                  <div id="u1061" class="ax_default _白底矩形">
                    <img id="u1061_img" class="img " src="images/1_首页/u32.png"/>
                  </div>

                  <!-- Unnamed (椭圆形) -->
                  <div id="u1062" class="ax_default _白底矩形">
                    <img id="u1062_img" class="img " src="images/1_首页/u32.png"/>
                  </div>

                  <!-- Unnamed (椭圆形) -->
                  <div id="u1063" class="ax_default _白底矩形">
                    <img id="u1063_img" class="img " src="images/1_首页/u32.png"/>
                  </div>
                </div>
              </div>
              <div id="u1053_state2" class="panel_state" data-label="State3" style="visibility: hidden;">
                <div id="u1053_state2_content" class="panel_state_content">

                  <!-- Unnamed (椭圆形) -->
                  <div id="u1064" class="ax_default _白底矩形">
                    <img id="u1064_img" class="img " src="images/1_首页/u31.png"/>
                  </div>

                  <!-- Unnamed (椭圆形) -->
                  <div id="u1065" class="ax_default _白底矩形">
                    <img id="u1065_img" class="img " src="images/1_首页/u32.png"/>
                  </div>

                  <!-- Unnamed (椭圆形) -->
                  <div id="u1066" class="ax_default _白底矩形">
                    <img id="u1066_img" class="img " src="images/1_首页/u32.png"/>
                  </div>

                  <!-- Unnamed (椭圆形) -->
                  <div id="u1067" class="ax_default _白底矩形">
                    <img id="u1067_img" class="img " src="images/1_首页/u32.png"/>
                  </div>

                  <!-- Unnamed (椭圆形) -->
                  <div id="u1068" class="ax_default _白底矩形">
                    <img id="u1068_img" class="img " src="images/1_首页/u32.png"/>
                  </div>
                </div>
              </div>
              <div id="u1053_state3" class="panel_state" data-label="State4" style="visibility: hidden;">
                <div id="u1053_state3_content" class="panel_state_content">

                  <!-- Unnamed (椭圆形) -->
                  <div id="u1069" class="ax_default _白底矩形">
                    <img id="u1069_img" class="img " src="images/1_首页/u31.png"/>
                  </div>

                  <!-- Unnamed (椭圆形) -->
                  <div id="u1070" class="ax_default _白底矩形">
                    <img id="u1070_img" class="img " src="images/1_首页/u32.png"/>
                  </div>

                  <!-- Unnamed (椭圆形) -->
                  <div id="u1071" class="ax_default _白底矩形">
                    <img id="u1071_img" class="img " src="images/1_首页/u32.png"/>
                  </div>

                  <!-- Unnamed (椭圆形) -->
                  <div id="u1072" class="ax_default _白底矩形">
                    <img id="u1072_img" class="img " src="images/1_首页/u32.png"/>
                  </div>

                  <!-- Unnamed (椭圆形) -->
                  <div id="u1073" class="ax_default _白底矩形">
                    <img id="u1073_img" class="img " src="images/1_首页/u32.png"/>
                  </div>
                </div>
              </div>
              <div id="u1053_state4" class="panel_state" data-label="State5" style="visibility: hidden;">
                <div id="u1053_state4_content" class="panel_state_content">

                  <!-- Unnamed (椭圆形) -->
                  <div id="u1074" class="ax_default _白底矩形">
                    <img id="u1074_img" class="img " src="images/1_首页/u31.png"/>
                  </div>

                  <!-- Unnamed (椭圆形) -->
                  <div id="u1075" class="ax_default _白底矩形">
                    <img id="u1075_img" class="img " src="images/1_首页/u32.png"/>
                  </div>

                  <!-- Unnamed (椭圆形) -->
                  <div id="u1076" class="ax_default _白底矩形">
                    <img id="u1076_img" class="img " src="images/1_首页/u32.png"/>
                  </div>

                  <!-- Unnamed (椭圆形) -->
                  <div id="u1077" class="ax_default _白底矩形">
                    <img id="u1077_img" class="img " src="images/1_首页/u32.png"/>
                  </div>

                  <!-- Unnamed (椭圆形) -->
                  <div id="u1078" class="ax_default _白底矩形">
                    <img id="u1078_img" class="img " src="images/1_首页/u32.png"/>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1079" class="ax_default _文本标签">
              <div id="u1079_div" class=""></div>
              <div id="u1079_text" class="text ">
                <p><span>晋级奖品</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1080" class="ax_default _文本段落">
              <div id="u1080_div" class=""></div>
              <div id="u1080_text" class="text ">
                <p><span>丨奖品详情</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1081" class="ax_default _文本标签">
              <div id="u1081_div" class=""></div>
              <div id="u1081_text" class="text ">
                <p><span>此处由后台编辑，写明奖品包含内容，付费规则等</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1082" class="ax_default _灰底矩形">
        <div id="u1082_div" class=""></div>
        <div id="u1082_text" class="text ">
          <p><span>微信支付</span></p>
        </div>
      </div>

      <!-- 合计 (矩形) -->
      <div id="u1083" class="ax_default _白底矩形" data-label="合计">
        <div id="u1083_div" class=""></div>
        <div id="u1083_text" class="text ">
          <p><span>合计：</span><span style="color:#FF0000;">￥99.00</span></p>
        </div>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u1084" class="ax_default ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u1084_state0" class="panel_state" data-label="微信支付" style="">
          <div id="u1084_state0_content" class="panel_state_content">

            <!-- Unnamed (图片) -->
            <div id="u1085" class="ax_default _图片">
              <img id="u1085_img" class="img " src="images/4_3_1_1_奖品购买页/u1085.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u1086" class="ax_default _图片">
              <img id="u1086_img" class="img " src="images/4_3_1_1_奖品购买页/u1086.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u1087" class="ax_default _图片">
              <img id="u1087_img" class="img " src="images/4_3_1_1_奖品购买页/u1086.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u1088" class="ax_default _图片">
              <img id="u1088_img" class="img " src="images/4_3_1_1_奖品购买页/u1086.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u1089" class="ax_default _图片">
              <img id="u1089_img" class="img " src="images/4_3_1_1_奖品购买页/u1089.png"/>
            </div>

            <!-- Unnamed (热区) -->
            <div id="u1090" class="ax_default">
            </div>
          </div>
        </div>
        <div id="u1084_state1" class="panel_state" data-label="确认" style="visibility: hidden;">
          <div id="u1084_state1_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u1091" class="ax_default _形状">
              <div id="u1091_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1092" class="ax_default _白底矩形">
              <div id="u1092_div" class=""></div>
              <div id="u1092_text" class="text ">
                <p><span>确认支付吗？</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1093" class="ax_default _白底矩形">
              <div id="u1093_div" class=""></div>
              <div id="u1093_text" class="text ">
                <p><span>取消</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1094" class="ax_default _白底矩形">
              <div id="u1094_div" class=""></div>
              <div id="u1094_text" class="text ">
                <p><span>确认</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 提示语 (矩形) -->
      <div id="u1095" class="ax_default _灰底矩形 ax_default_hidden" data-label="提示语" style="display:none; visibility: hidden">
        <div id="u1095_div" class=""></div>
        <div id="u1095_text" class="text ">
          <p><span>支付成功！</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
